import React from 'react'
import { View, Text,StyleSheet } from 'react-native'
import { pxToPt } from '../../utils/pxToPt'

export default function index(
  {
    color='white',
    title="", 
    backgroundColor="transparent", 
    left,
    right
  }
  ) {
  return (
    <View style={{...styles.container, backgroundColor }}>
      <View>{left}</View>
      <View><Text>{title}</Text></View>
      <View>{right}</View>
    </View>
  )
}

const styles = StyleSheet.create({
  container: {
   paddingLeft: pxToPt(20),
   paddingRight: pxToPt(20),
    height: pxToPt(40),
    backgroundColor: 'red',
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
  },
  
  
})